<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>填充的简写属性</title>
    <!--填充 - 简写属性-->
    <!--为了缩短代码，它可以在一个属性中指定的所有填充属性。-->
    <!--这就是所谓的简写属性。所有的填充属性的简写属性是 padding :-->
    <style>
        p
        {
            background-color: yellow;
        }
        p.padding
        {
            padding: 25px 50px;
        }
    </style>
</head>
<body>
<p>这是一个没有指定填充边距的段落。</p>
<p class="padding">这是一个指定填充边距的段落。</p>
<!--Padding属性，可以有一到四个值。-->
<!--padding:25px 50px 75px 100px;-->
<!--上填充为25px-->
<!--右填充为50px-->
<!--下填充为75px-->
<!--左填充为100px-->
<!--padding:25px 50px 75px;-->
<!--上填充为25px-->
<!--左右填充为50px-->
<!--下填充为75px-->
<!--padding:25px 50px;-->
<!--上下填充为25px-->
<!--左右填充为50px-->
<!--padding:25px;-->
<!--所有的填充都是25px-->
</body>
</html>